import { lazy } from 'react';
import Layout from '../layout';

const routeList = [
  {
    path: '/',
    component: Layout,
    children: [
      {
        path: '/home',
        component: lazy(() => import('../pages/home'))
      },
      {
        path: '/novel',
        component: lazy(() => import('../pages/novel')),
        children: [
          {
            path: '/role',
            component: lazy(() => import('../pages/role'))
          },
          {
            path: '/timeline',
            component: lazy(() => import('../pages/timeline'))
          },
          {
            path: '/magic',
            component: lazy(() => import('../pages/magic'))
          }
        ],
      }
    ]
  },
  {
    component: lazy(() => import('../pages/404')),
  },
];

export default routeList;
